<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>百度舆情</title>
	<link rel="stylesheet" type="text/css" href="baidu.css"/>
	<link rel="stylesheet" href="jquery.fullPage.css">
	<script src="jquery-1.8.3.min.js"></script>
    <script src="jquery.fullPage.min.js"></script>
	</head>
	<script type="text/javascript">
	$(function(){
	  $('#window').fullpage({
	 sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', '#f90'],
      navigation:true,
      navigationTooltips:["登录百度舆情","领先:数据收集与分析","专业:专业数据可视化","全面:舆情分析逻辑与架构"],
       afterLoad:function(anchorLink,index){
            $(".container").removeAttr("id");
            $(".container").eq(index-1).attr("id","active");
    	}
	  });
	   $('.anniu').click(function(){
         $.fn.fullpage.moveSectionDown();
        })
     });
	</script>
	<body>
		<div id="top"><img src="img/tou.png"/></div>
		<div id="window">
			<div class="section">
				<div class="container">
					<img src="img/b3.png" alt="" style="position: absolute; bottom: 15px;left: -150px;"/>
					<img src="img/b1.png" alt="" style="position: absolute; bottom: 80px;right: 280px;"/>
					<img src="img/b2.png" alt="" style="position: absolute; bottom: 15px;right: 0px;"/>
					<img src="img/yun3.png" alt="" class="yun3"/>
					<img src="img/yun.png" alt="" class="yun1"/>
					<img src="img/yun1.png" alt="" class="yun2"/>
					<img src="img/fj.png"/ class="fj">
					<img src="img/index.png" alt=""  style="position: absolute; top: 120px;right: 0px; z-index: 99;"/>
					<img src="img/zi1.png"/ class="zi">
					<img src="img/c1.png"/ class="chuang">
					<img src="img/bg1.jpg"/ style="position: absolute; bottom: -20px; left: -190px;width: 1600px; height: 165px;">
					<img src="img/anniu.png"/ class="anniu">
				</div>
			</div>
			<div class="section" >
				<div class="container">
					<div class="dong1">
					<div class="text">
                       <h4>数据收集与处理</h4>
                       <p>15年专业数据收集与语义分析技术积累<br>卓越极致，不断攀登</p>
                    </div>
                    <img src="img/11.png" class="zil"/>
                    </div>
					
					<img src="img/7.png" class="zir"/>
					<img src="img/anniu.png"/ class="anniu">
				</div>
			</div>
			<div class="section" >
				<div class="container">
					<div class="dong1">
					<div class="text">
                       <h4>专业数据可视化
                        </h4>
                       <p>非凡的数据洞悉和可视化能力<br>
                                                          精研数据，惊艳所见</p>
                    </div>
                    <img src="img/134.png" class="zil"/>
					</div>
					<img src="img/1.png" class="zir"/>
					<img src="img/anniu.png"/ class="anniu">
				</div>
			</div>
			<div class="section" >
				<div class="container">
					<div class="dong1">
					<div class="text">
                       <h4>
                                                              舆情分析逻辑与架构
                        </h4>
                       <p>声量诊断、传播分析、情感提炼、受众画像<br>有方法论，更有智慧 
                       </p>
                   </div>
                    	<img src="img/12.png" class="zil"/>
					</div>
					<img src="img/90.png" class="zir"/>
				</div>
			</div>
		</div>
	</body>
</html>
